<!--
 * @Author: your name
 * @Date: 2020-12-03 10:12:14
 * @LastEditTime: 2020-12-03 11:49:42
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \my-app-project\src\app.vue
-->
<template>
  <div class="app-container">
    <!-- header -->
    <mt-header fixed title="小玉有品"></mt-header>
    <!-- router -->

    <!-- tabbar -->
    <nav class="mui-bar mui-bar-tab">
      <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-email"
          ><span class="mui-badge">9</span></span
        >
        <span class="mui-tab-label">消息</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">通讯录</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">设置</span>
      </a>
    </nav>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
html,
body {
  padding: 0;
  margin: 0;
  .app-container {
    padding-top: 40px;
  }
}
</style>
